<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>纳斯卡-精彩快线</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/time.js"></script>
<script type="text/javascript">
window.onload = function () {
	
	if(getCookie('flag')!=1){
	 	Fkey();
	 }else{
	 	delCookie('flag');
	 }
	 ob();
	 setNum();
	 setInterval('timer()',100);
	 setInterval('runClock()',100);

};
function changClass(obj,n){
	if(n==1){
		obj.className="messageBg";
	}else{
		obj.className="";
	}
}
</script>
</head>
<body>
<div class="main" id="content">
  <div class="left">
  
	<div class="mask">
    <div id="first" style="height:430px; margin-top:315px;">
    	<ul id=menu>
       	 <li id="slist" onmousedown='listMove(0)' onclick="enterlist(0)" ><img src="images/Category-01.png" /></li>
       	 <li id="slist" onmousedown='listMove(1)' onclick="enterlist(1)" class="tm"><img  src="images/Category-

02.png" /></li>
        <li id="slist" onmousedown='listMove(2)' onclick="enterlist(2)" class="tm"><img  src="images/Category-

03.png" /></li>
        <li id="slist" onmousedown='listMove(3)' onclick="enterlist(3)" class="tm" ><img src="images/Category-

04.png" /></li>
        <li id="slist" onmousedown='listMove(4)' onclick="enterlist(4)" class="tm" ><img  src="images/Category-

05.png" /></li>
        <li id="slist" onmousedown='listMove(5)' onclick="enterlist(5)" class="tm" ><img  src="images/Category-

06.png" /></li>
        <li id="slist" onmousedown='listMove(6)' onclick="enterlist(6)" class="tm"><img  src="images/Category-

07.png" /></li>
        <li id="slist" onmousedown='listMove(7)' onclick="enterlist(7)" class="tm"><img  src="images/Category-

08.png" /></li>
        <li id="slist" onmousedown='listMove(8)' onclick="enterlist(8)" class="tm"><img  src="images/Category-

09.png" /></li>
      </ul>
    	</div>
	</div> 
  </div>
  <div class="right">
    <div class="status" ><span id="position" >
<script>Time()</script></span></div>
    <div class="intro" id=int>
		<div class="local">
		<table cellpadding="0" cellspacing="0" width="100%" border="0">
			<tr>
				<td align="center" width="100"><span class="font">北京</span></td>
				<td align="center" width="120">
				<div id="c0"> </div>
        	<div id="c1" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div>
       	 	<div id="c2" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div>
       		 <div id="c3" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div>
        	<div id="c4" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div>
        	<div id="c5" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div>
        	<div id="c6" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div>
        	<div id="c7" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div>
        	<div id="c8" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div>
        	<div id="c9" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div>
        	<div id="c10" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div>
        	<div id="c11" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div>
       		 <div id="c12" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</b></div>
        	<div id="ob0" style="position:absolute;left:-20;top:-20;z-index:1">  </div>
        	<div id="ob1" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3"><b>.</b></div>
        	<div id="ob2" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3"><b>.</b></div>
        	<div id="ob3" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" ><b>.</b></div>
        	<div id="ob4" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" ><b>.</b></div>
        	<div id="ob5" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" ><b>.</b></div>
        	<div id="ob6" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" ><b>.</b></div>
        	<div id="ob7" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" ><b>.</b></div>
        	<div id="ob8" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" ><b>.</b></div>
        	<div id="ob9" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" ><b>.</b></div>
        	<div id="ob10" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" ><b>.</b></div>
        	<div id="ob11" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" ><b>.</b></div>
        	<div id="ob12" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" ><b>.</b></div></td>
				<td align="center"><img src="weather/CloudyPartly.png" /></td>
				<td align="center"><span class="font">20-29 ℃</span></td>
			</tr>
		</table>
		</div>
		<div class="local">
		<table cellpadding="0" cellspacing="0" width="540" border="0">
			<tr>
				<td width="100" align="center"><span class="font">纽约</span></td>
				<td align="center" width="120">
					
				</td>
				<td align="center" width="180"><img src="weather/Lightening.png" /></td>
				<td align="center"><span class="font">19-27 ℃</span></td>
			</tr>
		</table>
		</div>
		<div class="local">
		<table cellpadding="0" cellspacing="0" width="540" border="0">
			<tr>
				<td width="242" height="70" valign="middle" align="right" onMouseMove="changClass(this,1)" onmouseout="changClass(this,0)" id="m1"><span class="f40">1</span>&nbsp;<img src="images/message.png" /></td>
			</tr>
			<tr>
				<td align="right" height="70" valign="middle" align="right" onMouseMove="changClass(this,1)" onmouseout="changClass(this,0)" ><span class="f40">6</span>&nbsp;<img src="images/voide_message.png" /></td>
			</tr>
			<tr>
				<td align="right" height="70" valign="middle" align="right" onMouseMove="changClass(this,1)" onmouseout="changClass(this,0)" ><span class="f40">5</span>&nbsp;<img src="images/voide_messages.png" /></td>
			</tr>
			<tr>
				<td align="right" height="70" valign="middle" align="right"><img src="images/Homepage-Intro-01.png" /></td>
			</tr>
		</table>
			
		</div>
	</div>
	<div class="intro" id=int style="display:none">
		<table border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td height="180" width="180"><img src="images/icon-01-Dail.png" onclick="window.demo.tel()" /></td>
				<td height="180" width="180"><img src="images/icon-02-Contact.png" /></td>
				<td height="180" width="180"><img src="images/icon-03-History.png" /></td>
			</tr>
			<tr>
				<td height="180" width="180"><img src="images/icon-05-Setup.png" onclick="window.demo.setting()" /></td>
				<td height="180" width="180"><img src="images/icon-04-Favorites.png" onclick="window.demo.browse()" /></td>
				<td height="180" width="180"></td>
			</tr>
		</table>
	</div>
	<div class="intro" id=int style="display:none">
	<table border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td height="180" width="180"><img src="images/icon-06-TV.png" /></td>
				<td height="180" width="180"><img src="images/icon-07-Video.png" /></td>
				<td height="180" width="180"><img src="images/icon-08-Theatre.png" /></td>
			</tr>
			<tr>
				<td height="180" width="180"><img src="images/icon-09-Radio.png" /></td>
				<td height="180" width="180"><img src="images/icon-10-Music.png" /></td>
				<td height="180" width="180"></td>
			</tr>
			<tr>
				<td height="180" width="180"><img src="images/icon-12-Newspaper.png" /></td>
				<td height="180" width="180"><img src="images/icon-11-Magazine.png" /></td>
				<td height="180" width="180"></td>
			</tr>
		</table></div>
		</div>
	<div class="intro" id=int style="display:none"><img src="images/No-Info-Yet.png" /></div>
	<div class="intro" id=int style="display:none">
	<table border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td height="180" width="180"><img src="images/icon-13-Chess.png" /></td>
				<td height="180" width="180"><img src="images/icon-14-Robot.png" /></td>
				<td height="180" width="180"><img src="images/icon-15-Nuclear.png" /></td>
			</tr>
			<tr>
				<td height="180" width="180"><img src="images/icon-16-Motobike.png" /></td>
				<td height="180" width="180"></td>
				<td height="180" width="180"></td>
			</tr>
		
		</table></div>
	<div class="intro" id=int style="display:none"><img src="images/No-Info-Yet.png" /></div>
	<div class="intro" id=int style="display:none"><img src="images/No-Info-Yet.png" /></div>
	<div class="intro" id=int style="display:none"><img src="images/No-Info-Yet.png" /></div>
	<div class="intro" id=int style="display:none"><img src="images/No-Info-Yet.png" /></div>
    <div class="line"><img src="images/Explain-Line.png" /></div>
    <div class="explain"><img src="images/Explain-Main.png" align="left"/></div> 
 </div>
</div>
<script>
var arrurl;
var li = 0;
var allli = 8;
flag=true;
document.onkeydown=nextlist;

</script>
</body>
</html>
